<div class="">
  <nz-collapseset>
    <nz-collapse [nzTitle]="'查询'" [nzActive]="true">
      <form nz-form [nzLayout]="'inline'">
        <div nz-row>

          <div nz-form-label nz-col [nzSpan]="2">
            <label>报警人电话</label>
          </div>
          <div nz-form-control nz-col [nzSm]="3" [nzXs]="6">
            <nz-input  name="alarmByPhone1" [nzSize]="'middle'" [(ngModel)]="alarmByPhone1" ></nz-input>
          </div>

          <div nz-form-label nz-col [nzSpan]="1" nzOffset="1">
            <label>工单编号</label>
          </div>
          <div nz-form-control nz-col [nzSm]="3" [nzXs]="6">
            <nz-input  name="orderNum" [nzSize]="'middle'" [(ngModel)]="orderNum" ></nz-input>
          </div>
          <div nz-form-control nz-col [nzSm]="3" [nzXs]="6" nzOffset="1">
            <button  nz-button [nzSize]="'middle'" [nzType]="'primary'" (click)="queryData()" >查询</button>
          </div>
        </div>


      </form>
    </nz-collapse>
  </nz-collapseset>
  <nz-table #nzTable [nzDataSource]="elevatorRescueData" nzSize="middle" [nzBordered]="true" [nzIsPagination]="false"
            (nzDataChange)="displayDataChange($event)">
    <thead nz-thead>
    <tr>
      <th nz-th [nzCheckbox]="true">
        <label nz-checkbox [(ngModel)]="allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)" >
        </label>
      </th>
      <th nz-th>
        <span>工单编号</span>
      </th>
      <th nz-th>
        <span>报警人</span>
      </th>
      <th nz-th>
        <span>报警人电话</span>
      </th>
      <th nz-th>
        <span>报警种类</span>
      </th>
      <th nz-th>
        <span>创建人</span>
      </th>
      <th nz-th>
        <span>创建时间</span>
      </th>
      <th nz-th>
        <span>工单状态</span>
      </th>
      <th nz-th>
        <span>故障电梯</span>
      </th>
    </tr>
    </thead>
    <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of elevatorRescueData">
      <td nz-td [nzCheckbox]="true">
        <label nz-checkbox  nz-checkbox [nzDisabled]="data.disabled" [(ngModel)]="data.checked" (ngModelChange)="refreshStatus($event)">
        </label>
      </td>
      <td nz-td>{{data.orderNum}}</td>
      <td nz-td>{{data.alarmBy}}</td>
      <td nz-td>{{data.alarmByPhone1}}</td>
      <td nz-td>{{data.alarmType}}</td>
      <td nz-td>{{data.createBy}}</td>
      <td nz-td>{{data.createDate | date:'yyyy-MM-dd'}}</td>
      <td nz-td>{{data.orderStatus}}</td>
      <td nz-td>{{data.outElevatorId}}</td>
    </tr>
    </tbody>
  </nz-table>


<nz-pagination [nzPageIndex]="elevatorRescueBean.currentPage" nzShowTotal [nzTotal]="total" nzShowSizeChanger
                 (nzPageSizeChange)="nzPageSizeChange($event)" (nzPageIndexChange)="nzPageIndexChange($event)"
                 (nzPageIndexClickChange)="nzPageIndexClickChange($event)" [nzPageSize]="elevatorRescueBean.pageSize"></nz-pagination>
</div>
